<template>
    <div class="space-between">
        <div class="focus-carousel">
            <div class="swiper">
                <el-carousel :interval="4000" height="387px">
                    <el-carousel-item v-for="(item,index) in swiperList" :key="index">
                        <img :src="item.picImg"/>
                    </el-carousel-item>
                </el-carousel>
            </div>
        </div>
        <div class="homeVideo">
            <div class="icon sun-shower">
                <div class="cloud"></div>
                <div class="sun">
                    <div class="rays"></div>
                </div>
                <div class="rain"></div>
            </div>

            <div class="icon thunder-storm">
                <div class="cloud"></div>
                <div class="lightning">
                    <div class="bolt"></div>
                    <div class="bolt"></div>
                </div>
            </div>

            <div class="icon cloudy">
                <div class="cloud"></div>
                <div class="cloud"></div>
            </div>

            <div class="icon flurries">
                <div class="cloud"></div>
                <div class="snow">
                    <div class="flake"></div>
                    <div class="flake"></div>
                </div>
            </div>

            <div class="icon sunny">
                <div class="sun">
                    <div class="rays"></div>
                </div>
            </div>

            <div class="icon rainy">
                <div class="cloud"></div>
                <div class="rain"></div>
            </div>

        </div>
    </div>

</template>

<script>
import {swiperList} from "../assets/data/swiper";

export default {
        name: "swiper",
        data(){
            return{
                swiperList:[]
            }
        },
    created() {
            this.swiperList=swiperList;
    }
}
</script>

<style lang="scss" scoped>
@import "../assets/css/swiper.scss";
@import "../assets/css/dmaku.css";
</style>